.desktopFileItemText { 
	position: relative;
	left: 0px;
	top: 0px;
	color: black;
	text-align: center;
}
.desktopFileItemTextFront {
	color: black;
}
.mainFileArea .desktopFileItemTextFront {
	color: white;
}
.desktopFileItemTextBack {
	display: none;
}
.mainFileArea .desktopFileItemTextBack {
	display: block;
	z-index: -1;
	color: black;
	position: absolute;
	left: 1px;
	top: 1px;
	color: #000;
	width: 100%;
}

.floatLeft {
	float: left; /* I know this is stupid, but you can't set the float property in js */
}
.floatRight {
	float: right;
}
.desktopFileItem {
	float: left;
}
.mainFileArea .desktopFileItem {
	float: none;
}

.fileItem {
	width: 80px;
	text-align: center;
}

.fileIcon {
	margin-left: auto;
	margin-right: auto;
}

.fileIconSelected, .fileIconHover {
	opacity: 0.8;
	filter: Opacity(80);
}

.iconLabel, .shadowHidden, .shadowFront, .shadowBack {
	width: 80px;
	position: relative;
	text-align: center;
	word-wrap: break-word;
}

.shadowFront, .shadowBack {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.shadowFront {
	z-index: 10;
	color: white;
	margin-right: 1px;
	margin-bottom: 1px;
}
.shadowBack {
	z-index: 1;
	color: black;
	margin-left: 1px;
	margin-top: 1px;
}
.shadowHidden {
	visibility: hidden;
}

.ghost {
	opacity: 0.7;
	filter: Opacity(70);
}
